<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html{
            width: 100%;
        }
        ul li img{
            vertical-align: middle;
        }
        div{
            width: 210px;
            margin: 0 auto;
        }
        a{
            color: red;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div>
    <img src="img/iknowshouye.jpg">
    <h3>品牌全知道</h3>
    <ul>
        <li><img src="img/icon-1.jpg">理肤泉敏感全知道</li>
        <li><img src="img/icon-2.jpg">薇姿健康肌肤全知道</li>
        <li><img src="img/icon-3.jpg">中信银行全知道</li>
        <li><img src="img/icon-4.gif">Windows7全知道</li>
        <li><img src="img/icon-5.jpg">海信电视全知道</li>
        <li><img src="img/icon-6.jpg">多美滋全知道</li>
        <li><img src="img/icon-7.jpg">三星手机全知道</li>
    </ul>
    <a href="7-8-work-3.html" target="_blank">作业3</a>
</div>
</body>
</html>